:root {
  /* 继承 */
  --theme-color: #6190e8 !important;
  --back-color: #FFFFFF;
  --font-color: #000000;
  --title-color: #D8D8D8;

  /* 特定组件 */
  --nav-color: var(--back-color);
  --nav-text-hover-color: #ffa724;
  --nav-background: #525252;
  --nav-item-background: #525252;
  --markdown-background: #F7F7F7;
}

/* 页面整体 */
body {
  /* 太花里胡哨的字体, 手机端显示不出来 */
  font-family: unset;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
  color: #2c3e50;
}

/* 封面 */

/* 封面半透明遮盖 */
/* section.cover.has-mask .mask {
   background-color: var(--back-color);
   opacity: 0;
   position: absolute;
   top: 0;
   height: 100%;
   width: 100%;
} */

/* ==========================
         优化侧边栏
===========================*/

.sidebar-nav li[class] {
   /* 当前侧边栏 active 相关页面背景变色 */
   background: linear-gradient(to right, var(--title-color), #0000);
 }
 
 .sidebar-nav .app-sub-sidebar .active {
   /* 当前侧边栏 active 相关页面对应标题背景变色 */
   background: var(--title-color);
 }
 
 .sidebar-nav > ul > li > p {
    background: var(--title-color);
    padding-left: 5px;
 }

/* 优化导航栏 */
.app-nav a:hover {
  color: var(--nav-text-hover-color);
}

.app-nav > li > ul > li {
  margin: 10px 0;
  margin-right: 16px;
}

.app-nav > ul > li > ul > li {
  padding: 10px;
  margin: 0;
}

.app-nav > ul > li > ul > li:hover {
  background: var(--nav-item-background);
}

.app-nav > ul > li:hover > ul {
  min-width: 100px;
  display: flex;
  padding: 10px;
  color: var(--nav-color);
  background: var(--nav-background);
}

.app-nav li:hover > ul {
  overflow: visible;
}

.app-nav li:hover > ul > li {
  border-radius: 4px;
}

.app-nav li:hover > ul > li > ul {
  background: transparent;
}

.app-nav > ul > li > ul > li > ul {
  overflow: visible;
  position: initial;
  border: none;
}

.app-nav > ul > li > ul > li > ul > li {
  margin: 0;
  margin-bottom: 4px;
}

/* ============================================= */
/*                 markdown 内容渲染             */
/* ============================================= */

/* markdown content found on pages */
.markdown-section h1 {
   /* 1  2/3  5/6  */
  background: linear-gradient(to right, var(--title-color), var(--title-color), var(--title-color), var(--title-color), #0000);
  font-size: 3rem;
  margin: 0 0 1rem;
}
.markdown-section h2 {
   /* 3/4  2/3  5/6  */
  background: linear-gradient(to right, var(--title-color), var(--title-color), var(--title-color), #0000, #0000);
  font-size: 2.5rem;
  margin: 45px 0 0.8rem;
}
/* 1/2  2/3  5/6  */
.markdown-section h3 {
   background: linear-gradient(to right, var(--title-color), var(--title-color), #0000, #0000, #0000);
  font-size: 2rem;
  margin: 40px 0 0.6rem;
}
/* 1/4  2/3  5/6  */
.markdown-section h4 {
   background: linear-gradient(to right, var(--title-color), #0000, #0000, #0000, #0000);
  font-size: 1.5rem;
}

/* ==========================
   docsify 样式冲突以及渲染bug
===========================*/

/* 解决2K下 markdown 的渲染显示问题 */
.markdown-section p,
.markdown-section ul,
.markdown-section ol {
  line-height: unset;
  word-spacing: 0.05rem;
}
.markdown-section figure,
.markdown-section p {
  margin: 0.6em 0;
}

/* end */
